<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Insert title here</title>
	<script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
	<script type="text/javascript">
		/**
		 HTML代码/文本/值
		 html([val|fn])    a.html()取出a的html值    a.html(val)  让a的html值变为val
		 text([val|fn])    a.text()取出a的text值    a.text(val)  让a的文本值变为val
		 val([val|fn|arr]) a.val()取出a的val值      a.val(v)     设置a的value值为v

		 属性
		 attr(name|pro|key,val|fn)
		 1、a.attr('name')取出a的name值   2、a.attr("name","username")把a的name值设置为username

		 removeAttr(name)
		 a.removeAttr('class')    移除a的class属性

		 prop(name|pro|key,val|fn)1.6+
		 1、a.prop('id')  取出a的id值   2、a.prop('id',"bj")  设置a的id值为bj
		 removeProp(name)1.6+
		 a.removeProp('class') 移除a的class属性
		 */

		$(function () {
			//html() 取得第一个匹配元素的html内容  不传参数，是获取，传递参数是设置值
			alert($("div").html());//直接获取div内的html值<span>123</span>
			$("div").html("<p>123</p>");//将div标签内的HTML值设置为<p>123</p>

			//text() 取得所有匹配元素的内容 获取的是文本内容，不包含标签
			alert($("div").text());//获取值 123
			$("div").text(456);//将123设置为456

			//val() 获得匹配元素的当前值 (表单项)
			$("#btn2").click(function () {
				alert($("#text").val());//获取value值
				$("#text").val(283636);//将value值设置为283636
			})

		});
	</script>
	<!--<script type="text/javascript">
	$(function(){
		$("#btn1").click(function(){

		})
	})
	</script>-->

</head>
<body>
	<div><span>123</span></div>
	<button id="btn1">获取文本框的name值</button>
	<button id="btn2">获取文本框的value值</button>
	<form action="#" id="form1">
		文本框:<input  name="a" value="abc" type="text" id="text"/><br/>
		多选框:<input type="checkbox" name="interest" value="篮球">
		<input type="checkbox" name="interest" value="zuqiu">
		<input type="checkbox" name="interest" value="乒乓">
		<input type="checkbox" name="interest" value="御马">
	</form>

</body>
</html>